
<template>
  <div style="height:100%;width:100%;position:relative;">
      <div class="pagetop">
          <div class="search-title">检验仪器</div>
          <rm-ddl-instrument :appendtobody="true" @change="ddlInstrChange" selected="selected" width="200px"  :clearable="false"></rm-ddl-instrument>
          <div class="top-deal">
              <el-button icon="el-icon-search" @click="btnQuery" v-has="'PINQUERY'" type="primary">查询</el-button>

              <el-button @click="btnAdd" icon="el-icon-plus" v-has="'PADD'">新增</el-button>

              <el-button @click="btnDel" icon="el-icon-delete" v-has="'PDELETE'">删除</el-button>

              <el-button @click="btnSave" icon="el-icon-document">保存</el-button>
              <el-button  icon="el-icon-download" @click="uploadOpt">导入</el-button>
              <el-button icon="el-icon-upload2" @click="btnExport" style="margin-left: 10px" >导出</el-button>
              <el-button @click="btnImportOther" icon="el-icon-download">从其他仪器导入</el-button>
          </div>
      </div>
      <div class="pagecenter">
          <div ref="xTableDiv" style="height:100%" id="Vxe-print">
              <vxe-table ref="xTable" :data.sync="xTableData" border highlight-current-row highlight-hover-row resizable size="mini" stripe fit header-align="center" height="auto" show-overflow="tooltip" :loading="bLoading" show-header-overflow="tooltip" @cell-dblclick="CellDblClick" :select-config="selectConfig" :sort-config="{trigger: 'cell'}" :edit-config="{
          trigger: 'click',
          mode: 'cell',
          showStatus: true,
          activeMethod: ActiveMethod,
          showIcon: false,
        }" :row-class-name="rowClassName" :cell-class-name="cellClassName">
                  <vxe-table-column type="index" width="50px" align="center" :edit-render="{name: 'input', autoselect: true}"></vxe-table-column>
                  <vxe-table-column field="rpt_itemname" title="报告项目" width="250px" sortable :disabled="true">
                      <template v-slot:header="{column}">
                          <span style="color: #F56C6C;">报告项目(双击弹窗)</span>
                      </template>
                      <template v-slot="{row}">
                          <!-- <el-select v-model="row.rpt_itemcode" style="width:100%" placeholder="" @dblclick.native="getRow(row)">
                              <el-option v-for="(item, index) in rpt_itemOptions" :key="index" :label="item.rpt_itemname + '[' + item.itemcode_en + ']'" :value="item.rpt_itemcode">
                                  <span style="float: left">{{ item.rpt_itemname }}</span>
                                  <span style="float: right; color: #8492a6; font-size: 13px">{{
                  item.rpt_itemcode
                }}</span>
                              </el-option>
                          </el-select> -->
                          <span style="float: left;font-size: 13px">{{row.rpt_itemname}}</span>
                      </template>
                  </vxe-table-column>
                  <vxe-table-column field="seq" title="优先级" width="50px" align="center" :edit-render="{name: 'input', autoselect: true}">
                      <template v-slot:header="{column}">
                          <span style="color: #F56C6C;">优先级</span>
                      </template>
                  </vxe-table-column>
                  <vxe-table-column field="conkind" title="条件" width="150px" :edit-render="{name: 'input', autoselect: true}">
                      <template v-slot:header="{column}">
                          <span style="color: #F56C6C;">条件</span>
                      </template>
                      <template v-slot="{row}">
                          <el-select v-model="row.conkind" style="width:100%" placeholder="">
                              <el-option v-for="(item, index) in conkindOptions" :key="index" :label="item.label" :value="item.value">
                                  <span style="float: left">{{ item.label }}</span>
                                  <span style="float: right; color: #8492a6; font-size: 13px">{{
                  item.value
                }}</span>
                              </el-option>
                          </el-select>
                      </template>
                  </vxe-table-column>
                  <vxe-table-column field="conparm1" title="条件取值1" width="150px" header-align="center" align="right" :edit-render="{name: 'input', autoselect: true}"></vxe-table-column>
                  <vxe-table-column field="conparm2" title="条件取值2" width="100px" header-align="center" align="right" :edit-render="{name: 'input', autoselect: true}"></vxe-table-column>
                  <vxe-table-column field="transkind" title="处理方式" width="155px" :edit-render="{name: 'input', autoselect: true}">
                      <template v-slot:header="{column}">
                          <span style="color: #F56C6C;">处理方式</span></template>
                      <template v-slot="{row}">
                          <el-select v-model="row.transkind" style="width:100%" placeholder="">
                              <el-option v-for="(item, index) in transkindOptions" :key="index" :label="item.label" :value="item.value">
                                  <span style="float: left">{{ item.label }}</span>
                                  <span style="float: right; color: #8492a6; font-size: 13px">{{
                  item.value
                }}</span>
                              </el-option>
                          </el-select>
                      </template>
                  </vxe-table-column>
                  <vxe-table-column field="transparm1" title="处理取值1" width="100px" header-align="center" align="right" :edit-render="{name: 'input', autoselect: true}"></vxe-table-column>
                  <vxe-table-column field="transparm2" title="处理取值2" width="100px" header-align="center" align="right" :edit-render="{name: 'input', autoselect: true}"></vxe-table-column>
                  <vxe-table-column field="resultflag" title="结果标志" width="100px" :edit-render="{name: 'input', autoselect: true}"><template v-slot="{row}">
                          <el-select v-model="row.resultflag" style="width:100%" placeholder="">
                              <el-option v-for="(item, index) in resultflagOptions" :key="index" :label="item.label" :value="item.value">
                                  <span style="float: left">{{ item.label }}</span>
                                  <span style="float: right; color: #8492a6; font-size: 13px">{{
                  item.value
                }}</span>
                              </el-option>
                          </el-select>
                      </template></vxe-table-column>
                  <vxe-table-column field="instrid" title="仪器ID" align="center" width="70px"></vxe-table-column>
              </vxe-table>
          </div>
      </div>
      <div>
          <!-- 删除框 -->
          <el-dialog title="提示" :visible.sync="dialogDelVisible" width="30%">
              <!-- <span class="el-icon-info">确定删除报告项目为<b style="color:red">{{message}}</b>的记录吗？</span> -->
              <span class="el-icon-info">确定删除该条记录吗？</span>
              <span slot="footer" class="dialog-footer">
                  <el-button @click="ConfirmDel">确 定</el-button>
                  <el-button @click="dialogDelVisible = false" :autofocus="true">取 消</el-button>
              </span>
          </el-dialog>
          <!-- 报告项目 -->
          <el-dialog v-el-drag-dialog :append-to-body="true" :close-on-click-modal="false" title="报告项目选择" :visible.sync="popRptItem" v-if="popRptItem">
              <rm-pop-common @change="RptItemRowChange" :instrid="instrcode" @cancel="popRptItem = false" datatype="instrrptitem"></rm-pop-common>
          </el-dialog>
          <!-- 仪器 -->
          <el-dialog v-el-drag-dialog :append-to-body="true" :close-on-click-modal="false" title="从其他仪器导入" :visible.sync="popImpInstr" width="1150px">
              <div style="height:350px;
font-size: 12px;">
                  <table style="height:35px">
                      <tr>
                          <td class="search-title">
                              源仪器
                          </td>
                          <rm-ddl-instrument :appendtobody="true" @change="ImpInstrChange" width="180px" :clearable="false" ></rm-ddl-instrument>
                          <td style="padding:0 3px 0 3px">→</td>
                          <td class="search-title">
                              当前仪器
                          </td>
                          <el-input style="width:180px" :value="instrname" readonly></el-input>
                          <td style="padding:0 0 0 3px;color:blue">
                              覆盖:覆盖报告项目,优先级相同的项目。
                          </td>
                          <td style="padding:0 0 0 3px;color:blue">
                              跳过:跳过报告项目,优先级相同的项目。
                          </td>
                          <td style="padding:0 0 0 3px;color:blue">
                              全部:手动筛选。无数据皆可。
                          </td>
                      </tr>
                  </table>

                  <div ref="xTableimpDiv" style="height:90%" id="Vxe-print">
                      <vxe-table ref="xTable1" :data.sync="ImpTableData" border highlight-current-row highlight-hover-row resizable size="mini" stripe fit header-align="center" height="auto" show-overflow="tooltip" :loading="bImpLoading" show-header-overflow="tooltip">
                          <vxe-table-column type="index" width="50" align="center"></vxe-table-column>
                          <vxe-table-column field="rpt_item" title="报告项目" width="180px"></vxe-table-column>
                          <vxe-table-column field="seq" title="优先级" width="80px"></vxe-table-column>
                          <vxe-table-column field="conkindname" title="条件" width="80px"></vxe-table-column>
                          <vxe-table-column field="conparm1" title="条件取值1" width="120px"></vxe-table-column>
                          <vxe-table-column field="conparm2" title="条件取值2" width="120px"></vxe-table-column>
                          <vxe-table-column field="transkindname" title="处理方式" width="120px"></vxe-table-column>
                          <vxe-table-column field="transparm1" title="处理取值1" width="100px"></vxe-table-column>
                          <vxe-table-column field="transparm2" title="处理取值2" width="100px"></vxe-table-column>
                          <vxe-table-column field="resultflagname" title="结果标志" width="80px"></vxe-table-column>
                      </vxe-table>
                  </div>
              </div>
              <span slot="footer" class="dialog-footer">
                  <el-button @click="impDataQuery(1)">覆盖重复项</el-button>
                  <el-button @click="impDataQuery(2)">跳过重复项</el-button>
                  <el-button @click="impDataQuery(3)">导入全部项</el-button>
                  <el-button @click="popImpInstr = false">取消</el-button>
              </span>
          </el-dialog>
      </div>
  </div>
</template>

<script>
import XLSX from "xlsx"
import XE from "xe-utils"
import FileSaver from "file-saver"
export default {
  name: "LIS143",
  data() {
      return {
          xTableData: [],
          ImpTableData: [],
          rpt_itemOptions: [],
          isFirstLoading: true,
          bLoading: false,
          bImpLoading: false,
          instrcode: -1,
          impinstrcode: 0,
          instrname: "",
          seq: "",
          tempindex: 0,
          copyinstr: 0,
          dlgTitleEdit: "", //弹窗标题
          addDlg: false, //新增
          editDlg: false, //修改
          delDlg: false, //删除
          dialogx: false,
          bImpInstrVisible: false, //导入其它仪器弹窗
          dialogDelVisible: false,
          popRptItem: false,
          popImpInstr: false,
          showFile: false,
          form: {},
          editDlgItem: {},
          RptItemRow: {},
          ImpInstrRow: {},
          url: "",
          text: "",
          message: "",
          rptitemval: "",
          actionindex: "Q",
          buttonwidth: "1000px",
          selectConfig: { tigger: "row" },
          updata: { action: "LIS143", override: 0 },
          conkindOptions: [
              { value: "1", label: "结果=" },
              { value: "2", label: "结果>" },
              { value: "3", label: "结果>=" },
              { value: "4", label: "结果<" },
              { value: "5", label: "结果<=" },
              { value: "6", label: "结果包含" },
              { value: "7", label: "结果开头=" },
              { value: "8", label: "结果结尾=" },
              { value: "Z", label: "代码(编程人员专用)" },
          ],
          transkindOptions: [
              { value: "1", label: "则结果直接=" },
              { value: "2", label: "则包含字符替换为" },
              { value: "Z", label: "代码(编程人员专用)" },
          ],
          resultflagOptions: [
              { value: "0", label: "不指定" },
              { value: "P", label: "阳性" },
              { value: "Q", label: "弱阳性" },
              { value: "E", label: "错误" },
              { value: "H", label: "偏高" },
              { value: "L", label: "偏低" },
              { value: "N", label: "正常" },
          ],
      }
  },

  mounted() {
      this.url = this.$tool.baseUrl.replace(/api/, "z") + "fileupload";
  },
  methods: {
      //查询检验仪器二次处理
      async btnQuery() {
          this.bLoading = true
          this.actionindex = "Q"
          try {
              const res = await this.$tool.request({
                  url: "LIS/LIS1/LIS143",
                  method: "post",
                  data: {
                      action: "lab_transresult_query",
                      instrid: this.instrcode,
                  },
              })
              if (res.Data.length > 0) {
                  this.xTableData = res.Data
                  this.bLoading = false
              } else {
                  this.xTableData = []
                  this.bLoading = false
              }
          } catch (e) {}
      },
      //弹窗展示的仪器二次处理数据
      async ImpQuery(impinstrid) {
          this.bImpLoading = true
          try {
              const res = await this.$tool.request({
                  url: "LIS/LIS1/LIS143",
                  method: "post",
                  data: {
                      action: "lab_transresult_impquery",
                      impinstrid: impinstrid,
                  },
              })
              if (res.Data.length > 0) {
                  this.ImpTableData = res.Data
                  this.bImpLoading = false
              } else {
                  this.ImpTableData = []
                  this.bImpLoading = false
              }
          } catch (e) {}
      },
      //导入的数据
      async impDataQuery(flag) {
          this.bLloading = true
          this.$tool
              .request({
                  url: "LIS/LIS1/LIS143",
                  method: "post",
                  data: {
                      action: "lab_transresult_query",
                      instrid: this.impinstrcode,
                  },
              })
              .then((res) => {
                  let data = res.Data
                  data.forEach((item) => {
                      let rest = this.xTableData.filter(
                          (element) =>
                              element.rpt_itemcode == item.rpt_itemcode &&
                              element.seq == item.seq
                      )
                      //不是全部
                      if (flag != 3) {
                          if (rest.length > 0) {
                              //覆盖
                              if (flag == 1) {
                                  console.log("ces")
                                  try {
                                      rest.forEach((ele) => {
                                          if (
                                              ele.rpt_itemcode ==
                                                  item.rpt_itemcode &&
                                              ele.seq == item.seq
                                          ) {
                                              ele.conkind =
                                                  item.conkind == null
                                                      ? ""
                                                      : item.conkind
                                              ele.conparm1 =
                                                  item.conparm1 == null
                                                      ? ""
                                                      : item.conparm1
                                              ele.conparm2 =
                                                  item.conparm2 == null
                                                      ? ""
                                                      : item.conparm2
                                              ele.transkind =
                                                  item.transkind == null
                                                      ? ""
                                                      : item.transkind
                                              ele.transparm1 =
                                                  item.transparm1 == null
                                                      ? ""
                                                      : item.transparm1
                                              ele.transparm2 =
                                                  item.transparm2 == null
                                                      ? ""
                                                      : item.transparm2
                                              ele.resultflag =
                                                  item.resultflag == null
                                                      ? ""
                                                      : item.resultflag
                                              ele.instrid = this.instrcode
                                              throw Error()
                                          }
                                      })
                                  } catch (e) {}
                              }
                              //不相同的覆盖，筛选走这里
                          } else {
                              let initialdata = {
                                  rpt_itemcode: item.rpt_itemcode,
                                  seq: item.seq,
                                  conkind:
                                      item.conkind == null
                                          ? ""
                                          : item.conkind,
                                  conparm1:
                                      item.conparm1 == null
                                          ? ""
                                          : item.conparm1,
                                  conparm2:
                                      item.conparm2 == null
                                          ? ""
                                          : item.conparm2,
                                  transkind:
                                      item.transkind == null
                                          ? ""
                                          : item.transkind,
                                  transparm1:
                                      item.transparm1 == null
                                          ? ""
                                          : item.transparm1,
                                  transparm2:
                                      item.transparm2 == null
                                          ? ""
                                          : item.transparm2,
                                  resultflag:
                                      item.resultflag == null
                                          ? ""
                                          : item.resultflag,
                                  instrid: this.instrcode,
                              }
                              this.$refs.xTable.insert(initialdata)
                          }
                      } else if (flag == 3) {
                          //全部
                          let initialdata = {
                              rpt_itemcode: item.rpt_itemcode,
                              seq: item.seq,
                              conkind:
                                  item.conkind == null ? "" : item.conkind,
                              conparm1:
                                  item.conparm1 == null ? "" : item.conparm1,
                              conparm2:
                                  item.conparm2 == null ? "" : item.conparm2,
                              transkind:
                                  item.transkind == null
                                      ? ""
                                      : item.transkind,
                              transparm1:
                                  item.transparm1 == null
                                      ? ""
                                      : item.transparm1,
                              transparm2:
                                  item.transparm2 == null
                                      ? ""
                                      : item.transparm2,
                              resultflag:
                                  item.resultflag == null
                                      ? ""
                                      : item.resultflag,
                              instrid: this.instrcode,
                          }
                          this.$refs.xTable.insert(initialdata)
                      }
                  })
                  this.bLoading = false
                  this.popImpInstr = false
                  this.$message({
                      type: "warining",
                      message: "导入数据成功！",
                  })
              })
              .catch((e) => {
                  console.log("error", e)
                  this.bLoading = false
              })
      },
      ImpInstrChange(c) {
          this.impinstrcode = c
          this.ImpQuery(this.impinstrcode)
      },
      FunscrollY() {
          this.$nextTick(() => {
              var alldataLen = this.$refs.xTable.tableData.length
              let L = this.$refs.xTable.tableData[alldataLen - 1]
              this.$refs.xTable.setCurrentRow(L)
              this.$refs.xTable.setActiveRow(L, "rpt_itemcode")
              this.$refs.xTable.scrollToRow(L)
          })
      },
      btnAdd() {
          let insertData = {
              instrid: "",
              rpt_itemcode: "",
              seq: "",
              conkind: "1",
              conparm1: "",
              conparm2: "",
              transkind: "1",
              transparm1: "",
              transparm2: "",
              resultflag: "",
              instrid: parseInt(this.instrcode),
          }
          this.$refs.xTable.insert(insertData)
          this.FunscrollY()
          this.actionindex = "A"
          this.message = ""
      },
      btnDel() {
          if (this.message == "") {
              this.ConfirmDel()
          } else {
              this.dialogDelVisible = true
          }
      },
      ConfirmDel() {
          this.dialogDelVisible = false
          try {
              var delrow = this.$refs.xTable.getCurrentRow()
              if (delrow) {
                  var alld = this.$refs.xTable.tableData
                  var rowindex = alld.indexOf(delrow)
                  this.$refs.xTable.remove(delrow)
                  this.actionindex = "D"
                  let havedata = this.$refs.xTable.tableData
                  if (havedata.length > 0) {
                      if (rowindex >= havedata.length)
                          rowindex = havedata.length - 1
                      let selectrow = havedata[rowindex]
                      this.$refs.xTable.setCurrentRow(selectrow)
                      this.message = selectrow.rpt_itemcode
                  }
              }
          } catch (e) {
              this.$message.error("请先选择一条数据。")
          }
      },
      btnSave() {
          let insertresult = []
          let xTabledate = this.$refs.xTable.getRecordset() //主表数据
          let insertobj = xTabledate.insertRecords
          console.log("insertobj", insertobj)
          for (var i = 0; i < insertobj.length; i++) {
              var obj = insertobj[i]
              if (!!obj["rpt_itemcode"] && !!obj["seq"]) {
                  insertresult.push(obj)
              }
              if (!!obj["rpt_itemcode"] && !obj["seq"]) {
                  //三个必填值其中一个有值
                  // let msg = '报告项目'
                  // if (!obj['seq']) {
                  //     msg = '优先级'
                  // }
                  this.$message.warning("优先级不能为空")
                  return false
              }
          }
          xTabledate.insertRecords = insertresult
          console.log("btnSave -> insertresult", insertresult)
          this.$refs.xTable.validate((valid) => {
              if (valid) {
                  if (this.actionindex == "A") {
                      if (xTabledate.insertRecords.length > 0) {
                          this.selectrow = xTabledate.insertRecords[0]
                      }
                  } else if (this.actionindex == "M") {
                      if (xTabledate.updateRecords.length > 0) {
                          this.selectrow = xTabledate.updateRecords[0]
                      }
                  }
                  this.$tool
                      .request({
                          url: "LIS/LIS1/LIS143",
                          method: "post",
                          data: {
                              action: "lab_transresult_save",
                              urec: xTabledate,
                          },
                      })
                      .then((response) => {
                          if (response.errcode == "1") {
                              this.$message({
                                  message: "操作成功！",
                                  type: "success",
                              })
                              this.btnQuery()
                          } else {
                              this.$message({
                                  message: "保存失败！" + response.errmsg,
                                  type: "warning",
                              })
                          }
                      })
                      .catch((e) => {
                          console.log("error", e)
                      })
              }
          })
      },
      btnExport() {
          if(this.instrcode==-1)
          {
                this.$alert("请先选择选择仪器。", "提示",{type:"info",});
                return false;
          }
          if(this.xTableData.length<1)
          {
              this.$alert("当前检验仪器下无二次处理数据，导出失败。", "提示",{type:"info",});
              return false;
          }
          let p = { prgno: "LIS143", pageinfo: "仪器原始结果二次处理", instrid: this.instrcode };
          this.$pub.commexport(this, p, `仪器原始结果二次处理.dat`);
      },
      uploadOpt() {
          if(this.instrcode==-1)
          {
                this.$alert("请先选择选择仪器。", "提示",{type:"info",});
                return false;
          }
          this.$rm_uploadFiles({
                  type: "文件上传",
                  prgname: "LIS143",
                  param1: this.instrcode,
                  btn: {
                      confirmBtnText: "立即上传",
                      cancelBtnText: "取消",
                  },
              })
              .then(response => {
                  console.log(response);
                  if (response.flag == 1) {
                      this.$notify.success({
                          title: "成功",
                          message: `文件上传成功`
                      });
                      this.btnQuery();
                  } else {
                      this.$notify.error({
                          title: "错误",
                          message: response.msg
                      });
                  }
              })
              .catch(e => {});
      },
      toBuffer(wbout) {
          let buf = new ArrayBuffer(wbout.length)
          let view = new Uint8Array(buf)
          for (let index = 0; index !== wbout.length; ++index)
              view[index] = wbout.charCodeAt(index) & 0xff
          return buf
      },
      getExportData() {
          let datas = this.xTableData
          var allcolumns = this.$refs.xTable.getColumns()
          var tableColumn = []
          for (let i = 0; i < allcolumns.length; i++) {
              tableColumn.push({
                  field: allcolumns[i].property,
                  title: allcolumns[i].title,
              })
          }
          let columns = tableColumn.filter((item) => item.field)
          let headers = [columns.map((item) => item.title)]
          return headers.concat(
              datas.map((row) => {
                  return columns.map((column) => {
                      return row[column.field]
                  })
              })
          )
      },
      btnImportOther() {
          this.popImpInstr = true
      },
      CellDblClick({ row, rowIndex, $rowIndex, column }) {

          if(column.property=="rpt_itemname"){
              this.getRow(row);
          }
      },
      ActiveMethod({ row }) {
          return true
      },
      //行选中事件
      CurrentChangeEvent1(row) {
          this.rpt_itemcode = row.rpt_itemcode
          this.seq = row.seq
          this.instrid = row.instrid
          this.curselectrow = row
      },
      CurrentChangeEvent({ row, rowIndex }) {
          this.CurrentChangeEvent1(row)
          this.tempindex = rowIndex
      },
      labinstrumentchange2(code, name) {
          this.editDlgItem.rpt_itemcode = code
          this.editDlgItem.rpt_itemname = name
      },
      //选择检验仪器
      ddlInstrChange(c, v) {
          this.instrcode = Number(c)
          this.instrname = v
          this.ddlRptItem()
          this.btnQuery()
      },
      //获取报告项目列表
      ddlRptItem() {
          let tmpInstrcode = this.instrcode.toString()
          this.$tool
              .request({
                  url: "ucent/ddl",
                  method: "post",
                  data: {
                      action: "instrrptitem",
                      instrid: tmpInstrcode,
                  },
              })
              .then((res) => {
                  this.rpt_itemOptions = res.Data
              })
              .catch((e) => {})
      },
      getRow(row) {
          this.RptItemRow = row
          this.popRptItem = true
      },
      RptItemRowChange(c, v) {
          this.RptItemRow.rpt_itemcode = c
          this.RptItemRow.rpt_itemname = v
          this.popRptItem = false
      },
      ImpInstrRowChange(c, v) {
          // this.ImpInstrRow.rpt_itemname = c;
          this.copyinstr = c
          this.popRptItem = false
      },
      rowClassName({ row, rowIndex }) {
          let isDirty = this.$refs.xTable.hasRowChange(row)
          if (isDirty) return "row-modify"
          if (this.$refs.xTable.hasRowInsert(row)) return "row-new"
      },
      cellClassName({ row, column }) {
          if (column.recid == "index") {
              return "rm-gray"
          } else if (column.property == "instrid") {
              return "rm-gray"
          } else {
              return ""
          }
      },
  },
}
</script>

<style scoped>
.pagetop {
  width: 100%;
  height: 35px;
  display: -webkit-box;
  -webkit-box-pack: left;
  -webkit-box-align: center;
  border: 1px solid #ccc;
  position: absolute;
  font-size: 12px;
  z-index: 99;
  overflow-x: auto;
  white-space: nowrap;
}
.pagetop .top-table {
  float: right;
}
.top-deal {
  right: 5px;
  position: absolute;
  top: 5px;
  display: flex;
  align-items: center;
}
.search-title {
  margin: 0 5px 0 20px;
  font-size: 12px;
}
.pagecenter {
  position: absolute;
  top: 40px;
  width: 100%;
  left: 0;
  bottom: 0px;
  overflow: auto;
}
.upload-button {
  height: 24px;
  margin: 0 10px;
  display: none;
}
.upload-button div {
  height: 24px;
}
/deep/.el-dialog__header {
  padding: 10px 10px 10px;
}
/deep/.el-dialog__body {
  padding-top: 0px !important;
  padding-bottom: 5px !important;
}
/deep/.el-dialog__footer {
  padding: 0px 20px 10px;
  text-align: right;
  box-sizing: border-box;
}
/deep/.vxe-table .vxe-cell {
  white-space: normal;
  word-break: break-word;
  padding: 0 5px;
}
/deep/.vxe-table .vxe-body--row.row--current tr td div .el-input__inner {
  background-color: #b6e8ff;
  /* border: 1px solid rgba(255, 254, 254, 0) !important;
  background-color: rgba(255, 254, 254, 0) !important; */
}
/deep/.pagecenter tr td div .el-input__inner {
  border: 1px solid rgba(255, 254, 254, 0) !important;
  background-color: rgba(255, 254, 254, 0) !important;
}
/deep/ tr.vxe-body--row.row-new {
  color: blue;
}
/* /deep/ tr.vxe-body--row.row-new {
  color: #cc6600;
} */
</style>
